import PvTable from './components/pvTable'
import { List, Card,Button,Space } from 'antd';
import { StatisticCard, GridContent } from '@ant-design/pro-components';

const Home: React.FC = () => {
      

  return (
    <>
        <p className="">demo数据</p>
        <GridContent>
            <StatisticCard.Group>
            <StatisticCard
                statistic={{
                title: '用户总数',
                value: 1234,
                suffix: '人',
                }}
            />
            <StatisticCard
                statistic={{
                title: '今日消息',
                value: 6789,
                suffix: '条',
                }}
            />
            </StatisticCard.Group>
            <Card title="快捷操作" style={{ marginTop: 24 }}>
                <Space>
                    <Button type="primary">新增用户</Button>
                    <Button>创建任务</Button>
                </Space>
            </Card>
            <div style={{marginBottom:'30px'}}>
                <Card title="通知与公告" style={{ marginTop: 24 }}>
                    <List
                        itemLayout="horizontal"
                        dataSource={[
                        { title: '系统更新公告', description: '版本 2.0 发布' },
                        { title: '维护通知', description: '预计停机时间 12:00 - 14:00' },
                        ]}
                        renderItem={(item) => (
                        <List.Item>
                            <List.Item.Meta title={item.title} description={item.description} />
                        </List.Item>
                        )}
                    />
                </Card>
            </div>
        </GridContent>
        <PvTable />
    </>
  )
}

export default Home
